<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML >
<html lang="en-US">
	<head>
		<meta charset="UTF-8">
		<title>文件共享</title>

		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
body {
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
}

.container {
	
	width:1005px;
}

.span3 {
	margin-top: 30px;
	height: 620px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 0px 160px 6px 0px;
	opacity: 0.3;
}

.span2 {
	margin-top: 110px;
	opacity: 0.7;
}

.span7 {
	
	margin-top: 110px;
	opacity: 0.7;
}


.flow {
	font-size: 22px;
	overflow: hidden;
	height: 140px;
	width: 300px;
}

.c-right {
	margin-right: auto;
}

li:hover {
	color: #fff;
}

.body-bgc {
	padding-top: 20px;
	width: 700px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.btn-fb {
	padding: 5px;
	margin: 15px;
	width: 65px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	border-radius: 8px;
}

.title {
	height: 30px;
	width: 220px;
	background-image: url("img/title.png");
	background-repeat: no-repeat;
}

hr {
	margin: 5px 10px 10px 0;
}

.newproject {
	margin-bottom: 20px;
	margin-left: 25px;
}

.accordion-heading {
	height: 30px;
	background-color: #fff;
	opacity: 0.8;
}

.contents {
	word-wrap: break-word;
	width: 600px;
	margin-left: 20px;
	font-size: 16px;
}

.collapse {
	background-color: #fff;
	opacity: 0.6;
}
<%--
.span9 {
	margin-left: 80px;
	margin-right: 20px;
	margin-top: 110px;
	opacity: 0.7;
}
--%></style>

	</head>
	<body>
		<%@ include file="include/topbar.jsp"%>

		<!--网页正文-->

		<div class="container ">
			<jsp:include page="include/left.jsp">
				<jsp:param value="new" name="tag" />
			</jsp:include>
			<%--右侧--%>
			<div class="">
				<div class="span7 body-bgc">
					<div class="alert alert-info"
						style="margin-left: 20px; margin-right: 20px">
						<div style="font-size: 30px; width: 140px; padding-top: 15px;">
							&nbsp;文件分享
						</div>
						<div style="width: 180px; margin-left: auto;">
							<a href="addfiletype.action?id=${id}&user=${user}"
								style="font-size: 18px; color: #333"> <i class="icon-pencil"></i>
								添加文件夹</a>
						</div>
					</div>
					<div>
						<hr class="soften">
					</div>
					<%--文件夹--%>
					<div class="span7 well" style="margin-top: 0px;">
						<table class="table">
							<thead>
								<tr>
									<th>
										文件
									</th>
									<th>
										大小
									</th>
									<th>
										创建人
									</th>
									<th>
										&nbsp;
									</th>
								</tr>
							</thead>
							<tbody>
								<c:if test="${empty filetypeList }">
									<div class="alert alert-info">
										暂无文件上传
									</div>
								</c:if>
								<c:forEach items="${filetypeList}" var="filetype">
									<tr>

										<td>
											<a href="thefile.action?id=${filetype.id}"><span
												class="icon-folder-close" style="padding: 0px"></span>
											<c:out value="${filetype.name}" escapeXml="true"></c:out>
											</a>
										</td>
										<td>
											${filetype.filesSize}KB
										</td>
										<td style="width: 100px;">
											${filetype.user.username}
										</td>
										<td>
											<a style="margin-left: 20px; margin-right: 20px"
												href="toupdatefiletype.action?id=${filetype.id}"><i
												class="icon-pencil"></i>
											</a>
											<a class="deletefile"
												rel="delfiletype.action?id=${filetype.id}"
												href="javascript:void(0)"><i class="icon-trash"></i>
											</a>
										</td>
									</tr>
								</c:forEach>
							</tbody>

						</table>
					</div>
				</div>
			</div>


		</div>
		<div id="myModal2" class="modal fade">

			<div class="modal-header">
				<a class="close" data-dismiss="modal">x</a>
				<h2>
					删除记录
				</h2>
			</div>

			<div class="modal-body">
				<h3>
					确定删除？
				</h3>
			</div>

			<div class="modal-footer">
				<a id="entrydelete" class="btn btn-primary">删除</a>
				<a class="btn" data-dismiss="modal">取消</a>
			</div>

		</div>
		<script type="text/javascript">
	$(function() {
		var url;
		$(".deletefile").click(function() {
			$('#myModal2').modal('show');
			url = $(this).attr("rel");
		});

		$('#entrydelete').click(function() {
			$('#myModa2').modal('hide');
			window.location.href = url;
		});

	});
</script>
	</body>
</html>
